{extend name="public/base" /}
{block name="content"}
<div class="page-content">
    <!-- Page Breadcrumb -->
    <div class="page-breadcrumbs">
        <ul class="breadcrumb">
            <li class="active">
                <i class="fa fa-home"></i>&nbsp;控制面板
            </li>
        </ul>
    </div>
    <!-- /Page Breadcrumb -->
    <!-- Page Body -->
    <div class="page-body">
        <div class="row">
            <div class="col-xs-12">
                <div class="well bordered-left bordered-themeprimary">
                    <h1 style="font-weight: 900!important;font-style: italic;text-shadow: 5px 5px 5px #ff0000;font-family: '新宋体'">
                        欢迎使用-呼风网络验证-后台管理系统！
                    </h1>
                </div>
            </div>
        </div>
        
        <div class="row">
            <div class="col-xs-12">
                <div class="well with-header with-footer">
                    <div class="header bg-themeprimary">
                        服务器信息
                    </div>
                    <table class="table table-hover table-bordered">
                        <thead>
                        <tr>
                            <th colspan="2">服务器信息</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td><span class="label label-sm-12 label-success">服务器域名：</span></td>
                            <td>{$Request.domain}</td>
                        </tr>
                        <tr>
                            <td><span class="label label-sm-12 label-success">服务器操作系统：</span></td>
                            <td>{$the_os}</td>
                        </tr>
                        <tr>
                            <td><span class="label label-sm-12 label-success">PHP版本：</span></td>
                            <td>{$the_PHP_VERSION}</td>
                        </tr>
                        <tr>
                            <td><span class="label label-sm-12 label-success">脚本解释引擎：</span></td>
                            <td>{$_SERVER['SERVER_SOFTWARE']}</td>
                        </tr>
                        <tr>
                            <td><span class="label label-sm-12 label-success">服务器IP地址：</span></td>
                            <td>{$Request.ip}</td>
                        </tr>
                        <tr>
                            <td><span class="label label-sm-12 label-success">服务器端口：</span></td>
                            <td>{$Request.port}</td>
                        </tr>
                        
                        <tr>
                            <td><span class="label label-sm-12 label-success">联系邮箱：</span></td>
                            <td><a href="mailto:15065569615@163.com">admin@51afx.cn</a></td>
                        </tr>
                        </tbody>
                    </table>
                    
                </div>
            </div>
        </div>
    </div>
    <!-- /Page Body -->
</div>
<script src="/static/admin/js/skins.min.js"></script>
  <!--Basic Scripts-->
<script src="/static/admin/js/jquery.min.js"></script>
<script src="/static/admin/js/bootstrap.min.js"></script>
<script src="/static/admin/js/slimscroll/jquery.slimscroll.min.js"></script>
<!--Beyond Scripts-->
<script src="/static/admin/js/beyond.js"></script>
<script src="/static/lib/layer/layer.js"></script>

  <!--Page Related Scripts-->
  <!--Jquery Select2-->
  <script src="/static/admin/js/select2/select2.js"></script>
  <!--Bootstrap Tags Input-->
  <script src="/static/admin/js/tagsinput/bootstrap-tagsinput.js"></script>

  <!--Bootstrap Date Picker-->
  <script src="/static/admin/js/datetime/bootstrap-datepicker.js"></script>

  <!--Bootstrap Time Picker-->
  <script src="/static/admin/js/datetime/bootstrap-timepicker.js"></script>

  <!--Bootstrap Date Range Picker-->
  <script src="/static/admin/js/datetime/moment.js"></script>
  <script src="/static/admin/js/datetime/daterangepicker.js"></script>

  <!--Jquery Autosize-->
  <script src="/static/admin/js/textarea/jquery.autosize.js"></script>

  <!--Fuelux Spinbox-->
  <script src="/static/admin/js/fuelux/spinbox/fuelux.spinbox.min.js"></script>

  <!--jQUery MiniColors-->
  <script src="/static/admin/js/colorpicker/jquery.minicolors.js"></script>

  <!--jQUery Knob-->
  <script src="/static/admin/js/knob/jquery.knob.js"></script>

  <!--noUiSlider-->
  <script src="/static/admin/js/slider/jquery.nouislider.js"></script>

  <!--jQRangeSlider-->
  <script src="/static/admin/js/jquery-ui-1.10.4.custom.js"></script>
  <script src="/static/admin/js/slider/jQRangeSlider/jQAllRangeSliders-withRuler-min.js"></script>
  
  <!--Dropzone-->
  <script src="/static/admin/js/dropzone/dropzone.min.js"></script>

  <script>
      //--Jquery Select2--
      $("#e1").select2();
      $("#e2").select2({
          placeholder: "Select a State",
          allowClear: true
      });

      //--Bootstrap Date Picker--
      $('.date-picker').datepicker();

      //--Bootstrap Time Picker--
      $('#timepicker1').timepicker();

      //--Bootstrap Date Range Picker--
      $('#reservation').daterangepicker();

      //--JQuery Autosize--
      $('#textareaanimated').autosize({ append: "\n" });

      //--Fuelux Spinbox--
      $('.spinbox').spinbox();


      //--jQuery MiniColors--
      $('.colorpicker').each(function () {
          $(this).minicolors({
              control: $(this).attr('data-control') || 'hue',
              defaultValue: $(this).attr('data-defaultValue') || '',
              inline: $(this).attr('data-inline') === 'true',
              letterCase: $(this).attr('data-letterCase') || 'lowercase',
              opacity: $(this).attr('data-opacity'),
              position: $(this).attr('data-position') || 'bottom left',
              change: function (hex, opacity) {
                  if (!hex) return;
                  if (opacity) hex += ', ' + opacity;
                  try {
                      console.log(hex);
                  } catch (e) { }
              },
              theme: 'bootstrap'
          });

      });


      //---Jquery Knob--
      $(".knob").knob();


      //---noUiSlider--
      $("#sample-minimal").noUiSlider({
          range: [0, 100],
          start: [20, 80],
          connect: true,
          serialization: {
              mark: ',',
              resolution: 0.1,
              to: [[$("#minimal-label1"), 'html'],
                    [$('#minimal-label2'), 'html']]
          }
      });

      $("#sample-onehandle").noUiSlider({
          range: [20, 100],
          start: 40,
          step: 20,
          handles: 1,
          connect: "lower",
          serialization: {
              to: [$("#low"), 'html']
          }
      });
      $("#sample-onehandle-upper").noUiSlider({
          range: [20, 100],
          start: 70,
          step: 20,
          handles: 1,
          connect: "upper",
          serialization: {
              to: [$("#low"), 'html']
          }
      });
      $('.slider').noUiSlider({
          range: [0, 255],
          start: 127,
          handles: 1,
          connect: "lower",
          orientation: "vertical",
          serialization: {
              resolution: 1
          }
          , slide: function () {

              var color = 'rgb(' + $("#red").val()
                   + ',' + $("#green").val()
                   + ',' + $("#blue").val()
                   + ')';

              $(".result").css({
                  background: color
                  , color: color
              });
          }
      });

      $(".sized-slider").noUiSlider({
          range: [0, 100],
          start: 50,
          handles: 1,
          connect: "lower",
          serialization: {
              to: [$("#low"), 'html']
          }
      });

      $(".colored-slider").noUiSlider({
          range: [0, 100],
          start: 30,
          handles: 1,
          connect: "lower",
          serialization: {
              to: [$("#low"), 'html']
          }
      });

      //--jQRangeSlider--
      $(".sized-rangeslider").rangeSlider();
      $(".colored-rangeslider").rangeSlider();
      $("#rangeslider").rangeSlider();
      $("#editrangeslider").editRangeSlider();
      $("#daterangeslider").dateRangeSlider();
      $("#noarrowsrangeslider").rangeSlider({ arrows: false });
      $("#boundsrangeslider").rangeSlider({ bounds: { min: 10, max: 90 } });
      $("#dvrangeslider").rangeSlider({ defaultValues: { min: 13, max: 66 } });
      $("#delayrangeslider").rangeSlider({ valueLabels: "change", delayOut: 4000 });
      $("#durationrangeslider").rangeSlider({ valueLabels: "change", durationIn: 1000, durationOut: 1000 });
      $("#disabledrangeslider").rangeSlider({ enabled: false });
      $("#steprangeslider").rangeSlider({ step: 10 });
      $("#labelsrangeslider").rangeSlider({ valueLabels: "hide" });
      
      
  </script>


{/block}
